import React, { Component } from 'react'

export default class App extends Component {

    state = {
        htmlStr: '<h1 style="color: red">react 从入门到精通</h1>'
    }

  render() {
    return (
      <React.Fragment>

        {/* React.Fragment 也是 react 中的空标签 */}

        {/* 可以将字符串显示出来，单无法对字符串中的标签样式进行解析 */}
        {this.state.htmlStr}

        {/* 在 vue 中可以使用 v-html 解决字符串渲染问题 */}
        {/* 在 react 中可以使用 dangerouslySetInnerHTML 来解决字符串渲染问题 */}
        <div dangerouslySetInnerHTML={{__html: this.state.htmlStr}}></div>

      </React.Fragment>
    )
  }
}
